<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
	content="text/html; charset=charset=utf-8">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<style type="text/css">
.bodybg {
	background-color: gray;
}

.textbg {
	background-color: green;
}

p {
	margin: 15px;
	font-size: 16px;
	font-weight: 25px;
}

.alterbg {
	width: 8px;
	height: 8px;
}

.greenbg {
	background-color: olive;
}

.bluebg {
	background-color: navy;
}

.whritebg {
	background-color: fuchsia;
}
</style>
</head>
<body>
	<div class="container">
		<div class="navbar navbar-default navbar-fixed">
			<div class="navbar-left">
				<ol class="breadcrumb">
					<li><a href="#">首页 </a></li>
					<li><a href="#">背单词</a></li>
					<li><a href="#">单词表</a></li>
				</ol>
			</div>
			<div class="navbar-right">
				<ol class="breadcrumb">
					<li><a href="#" class="alterbg greenbg"> </a></li>
					<li><a href="#" class="alterbg bluebg"></a></li>
					<li><a href="#" class="alterbg whritebg"></a></li>
				</ol>

			</div>
		</div>





	</div>
	<div class="container">
		<h1 class="center-block"">${voca.englishmean }</h1>
		<div class="media">
			<a class="pull-left thumbnail" href="#"> <img
				class="media-object" src="img/Koala.jpg" alt="媒体对象">
			</a>
			<div class="media-body">
				<div class="row">
					<div>中文：${voca.chinesemean }</div>
				</div>
				<div class="row">
					<div>发音：。。</div>
				</div>
				<div class="row">
					<div>音标：。。</div>
				</div>
			</div>
		</div>

		<div class="well">例句：123； 例句：456；</div>

	</div>



	<div class="container">
		<div class="row">
			<ul class="pager">
				<li class="previous"><a href="#"> 上一页 </a></li>
				<li class="next"><a href="#">已解决</a></li>
				<li class="next"><a href="#"> 下一页 </a></li>
			</ul>
		</div>
	</div>

	<script src="jquery/jquery.min.js"></script>
	<script src="bootstrap/js/jquery.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>